// 导入Vue
import Vue from 'vue'
// 导入router这个插件
import VueRouter from 'vue-router'

// 导入组件
import HomeView from '@/views/HomeView.vue'

// 给Vue安装路由
Vue.use(VueRouter)

// 路由规则数组
// 就是在这个数组里设置，用什么路径去显示什么组件
const routes = [
  // 用/路径去显示HomeView这个组件
  {
    path: '/a',
    name: 'home',
    component: HomeView
  },
  // 用/about路径去显示AboutView这个组件
  {
    path: '/b',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  }
]

// 实例化路由对象
const router = new VueRouter({
  // 并使用上面的规则
  routes,
  // 设置模式，设置history
  // mode: 'history'
})

// 默认导出了路由对象
export default router
